<!DOCTYPE html>
<!--suppress ALL -->
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我的订单</title>
    <link rel="stylesheet" href="../../css/bootstrap.min.css">
    <link rel="stylesheet" href="../../js/bootstrap-table/bootstrap-table.min.css"/>
    <link rel="stylesheet" href="../../css/common.css"/>
    <style>
        .content_main{
            clear: both;
            width: 100%;
            height: 100%;
        }
    </style>
</head>
<body>

<ul id="myTab" class="nav nav-tabs">
    <li class="active" onclick="openFrame('list')">
        <a href="#" data-toggle="tab">
            <div>订单列表</div>
            <div>Order List</div>
        </a>
    </li>
    <li onclick="openFrame('details')">
        <a href="#" data-toggle="tab" >
            <div>订单详情</div>
            <div>order details</div>
        </a>
    </li>
    <li onclick="openFrame('operation')">
        <a href="#" data-toggle="tab">
            <div>订单操作</div>
            <div>order operation</div>
        </a>
    </li>
    <li onclick="openFrame('evaluation')">
        <a href="#" data-toggle="tab">
            <div>订单评价</div>
            <div>order evaluation</div>
        </a>
    </li>

</ul>
    <div class="content_main" id="content-main">
    </div>

</body>
<script src="../../js/jquery.min.js"></script>
<script src="../../js/bootstrap.min.js"></script>
<script src="../../js/bootstrap-table/bootstrap-table.min.js"></script>
<script src="../../js/common.js"></script>


<script>
    $(function () {
        openFrame("list");
    })
    /*
     * @description : 打开子窗口
     * @params:
     * @author : peng huaneng
     * @date : 2018/1/18 10:46
     */
    function openFrame(name) {
        var html="";
        $("#content-main").html("");
        html += '<iframe name="iframe0" frameborder="0" scrolling="no"  width="100%" height="100%" class="J_iframe" id='+ name +'  src="'+name+'-order.html"' +
            ' onload="this.height=this.contentWindow.document.documentElement.scrollHeight"></iframe>'
        $("#content-main").html(html);

        //window.setInterval("reinitIframe1()", 200);

    }
    function reinitIframe1(){
        var iframe = document.getElementById("content-main");
        try{
            var bHeight = iframe.contentWindow.document.body.scrollHeight;
            var dHeight = iframe.contentWindow.document.documentElement.scrollHeight;
            var height = Math.max(bHeight, dHeight);
            iframe.height =  height;
        }catch (ex){}
    }

</script>
</html>